@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,pre,a,abbr,acronym,big,cite,code,del,em,img,q,s,samp,small,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td,canvas,footer,header,menu,nav,section,summary,time,mark,audio,video,p{border:none;margin:0;padding:0;outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block;}
fieldset,img{border:0;max-width:100%;vertical-align:middle;}
address,caption,cite,code,dfn,em,var,i{font-weight:normal;font-style:normal;}
ol,ul,dl,li{list-style:none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
input,textarea,button,input:focus,textarea:focus{outline:none;outline:none;}
ul:after,dl:after{content:"";display:block;height:0;line-height:0px;clear:both;visibility:hidden;overflow:hidden;}
html{font-size:62.5%}
body{font-size:14px;line-height:1.5;font-family: "Microsoft YaHei",-apple-system,"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;outline:none;color:#333;min-width:290px;-webkit-text-size-adjust:none;background-color:#FDFDFD}
html.mic,html.mic body{width:100%;height:100%;position:relative;overflow:hidden;}
a{color:#333;text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;transition:color .35s;-webkit-transition:color .35s;-moz-transition:color .35s;}
a:hover{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;} 
.fl{float:left;}.fr{float:right;}.opaci{filter:alpha(opacity=0);opacity:0;}.txt-center{text-align:center}
.cler{clear:both;width:100%;overflow:hidden;height:0;line-height:0px;}
.clr:after,.clr::after,.wrap:after,.wrap::after{content:"-";display:block;height:0;clear:both;overflow:hidden;}
.both{clear:both;overflow:hidden;height:20px;}.layer{width:100%;}.pic{display:block;width:100%;height:auto}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.perch{height:75px;}.wrap{margin:0 5.2%;}.wrapper{margin:0px 13%;}.pad{padding:20px 0px 60px;}.pad-bom{padding-bottom:60px;}.marg{margin-bottom:20px;}.mar10{margin-bottom:10px;}.mar5{margin-bottom:5px;}
/* font */
.h3-txt{font-size:2.4rem;line-height:34px;}
.txt-title{font-size:2.4rem;line-height:34px;}
.cn-title{font-size:2rem;line-height:34px;}
.title{font-size:1.8rem;line-height:28px;}
.text{font-size:1.4rem;line-height:24px;}
.clGray,.honor .title{color:#a0a0a0;}
.colr,.indust .text{color:#787878}
.layer-box,.marg40{margin-bottom:40px;}.marg60{margin-bottom:60px}.marg-layer{margin-bottom:100px;}
.padding-layer{padding-bottom:80px;}.padbom{padding-bottom:30px;}
.mobile-layer{display:none;width:100%}
/* transition */
.ts,#Header .menuBtn i, #Header .menuBtn b, #Header .menuBtn p,#Footer .codes a,.news-box .item .text,.hscale img,.honor-layer .txt-title,.honor-layer .txtbox,.partner li img,.itemImg img,.picture img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.hscale,.partner li a{overflow:hidden}
.hscale:hover img,.partner li a:hover img,#owl-project .item a:hover img,.serve .urban-layer a:hover img,.serve .reside-list a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
/* Header */
#Header{width:100%;height:75px;position:fixed;left:0px;top:0px;background:#f5f6f6;z-index:10000}
#Header .logo,#Header .menu,#Header .nav,#Header .nav ul,#Header .nav li{height:100%;}
#Header .logo,#Header .nav{float:left}
#Header .logo{margin-left:5.2%;}
#Header .logo a{display:block;height:100%;line-height:75px;}
#Header .menu{float:right;} 
#Header .nav li{display:block;height:100%;float:left;margin:0px 30px;position:relative}
#Header .nav li a.m{display:block;line-height:75px;font-size:1.6rem;}
#Header .nav li.current a.m,#Header .nav li a.m:hover,#Header .submenu a:hover{color:#b2976a}
#Header .submenu{width:300px;height:0px;position:absolute;top:75px;left:50%;overflow:hidden;text-align:center;margin-left:-150px;z-index:100;}
#Header .sub-about{width:415px;margin-left:-198px;}
#Header .submenu p{display:inline-block;height:100%;margin:0px 10px;}
#Header .submenu a{display:block;line-height:40px;color:#f5f6f6}
#Header .content{height:40px;width:100%;position:absolute;bottom:0px;left:0px;}
#Header .subwall{height:0px;width:100%;position:fixed;top:75px;left:0px;overflow:hidden;background:#666}
#Header .nav li:hover .submenu,#Header .nav li:hover .subwall{height:40px;}
#Header .sreach{float:left;height:100%;width:75px;background:#e4e4e4;position:relative}
#Header .fd-btn{display:block;cursor:pointer;width:100%;height:100%;background:url(/Content/images/icon-find.png) no-repeat center;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
#Header .hit-box{height:100%;width:240px;padding:0px 20px 0px 10px;background:#e4e4e4;position:absolute;top:0px;right:65px;visibility:hidden;opacity:0;}
#Header .hit-box span{display:block;height:100%;}
#Header .ui-input{height:30px;width:220px;padding:3px 10px;border:1px solid #ccc;background:#fff;position:relative;top:19px}
#Header .ui-input::-webkit-input-placeholder{color:#999;}
#Header .ui-input::-moz-input-placeholder{color:#999;}
#Header .ui-input::-ms-input-placeholder{color:#999;}
#Header .mob-submit,#Header .close-seach{width:auto;height:30px;padding:0px 12px;position:absolute;top:10px;font-size:1.4rem;border-radius:3px;letter-spacing:2px;display:none}
#Header .mob-submit{right:80px;border:1px solid #e74c3c;background:#e74c3c;color:#f5f6f6;}
#Header .close-seach{background:#ccc;border:1px solid #ccc;color:#333;right:10px;}
#Header .sreach:hover .hit-box{visibility:visible;opacity:1;right:75px;}
#Header .menuBtn{height:100%;float:right;width:75px;background:#b2976a;position:relative}
#Header .menuBtn i, #Header .menuBtn b, #Header .menuBtn p{display:block;width:30px;height:2px;position:absolute;top:50%;left:50%;margin-left:-12px;background:#FFF;}
#Header .menuBtn b{margin-top:-9px;}
#Header .menuBtn i{margin-top:-1px;}
#Header .menuBtn p{margin-top:7px;}
#Header .menuBtn.close i{display:none}
#Header .menuBtn.close b,#Header .menuBtn.close p{margin-top:-1px;}
#Header .menuBtn.close b{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#Header .menuBtn.close p{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
#mobile-menu{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9000;overflow:auto;overflow-y:auto;background:#111;display:none}
#mobile-menu .menu{width:100%;padding:55px 0px 30px;}
#mobile-menu .menu li{display:block;height:auto;position:relative}
#mobile-menu .menu li a.m{display:block;line-height:45px;font-size:1.6rem;border-bottom:1px solid #666;color:#fff;padding:0 15px;position:relative}
#mobile-menu .menu li a.m::after{content:"";display:block;width:20px;height:100%;position:absolute;top:0px;right:15px;}
#mobile-menu .menu li a.link::after{background:url(../images/ary-rt-wh.png) no-repeat center}
#mobile-menu .menu li a.subnav::after{background:url(../images/ary-ups.png) no-repeat center;}
#mobile-menu .menu li a.on::after{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#mobile-menu .submenu{display:none}
#mobile-menu .submenu p{display:block;padding:0 30px;border-bottom:1px solid #999;} 
#mobile-menu .submenu a{display:block;height:40px;line-height:40px;color:#f5f6f6}
/* Footer */
#Footer{padding:12px 0px;background:#222;color:#888888;position:relative;z-index:1000;}
#Footer .rights{line-height:26px;font-size:1.4rem;text-align:center}
#Footer .rights span,#Footer .rights a{margin:0 25px;}
#Footer .rights a{color:#888}
#Footer .codes{height:26px;display:none}
#Footer .codes a{display:block;float:left;margin-left:20px;width:28px;height:100%;position:relative;cursor:pointer}
#Footer .codes p{display:block;width:120px;height:120px;padding:5px;background:#888;position:absolute;left:50%;bottom:46px;margin-left:-70px;visibility:hidden;opacity:0;}
#Footer .codes p::after{content:"";display:block;width:0px;height:0px;border:7px solid transparent;border-top-color:#888;position:absolute;left:50%;margin-left:-7px;bottom:-14px;}
#Footer .codes a.webog{background:url(/Content/images/icon-wx.png) no-repeat center}
#Footer .codes a.wexin{background:url(/Content/images/icon-wb.png) no-repeat center}
#Footer .codes a:hover p{bottom:36px;visibility:visible;opacity:1}
#Footer .codes a.webog:hover{background:url(/Content/images/icon-wb-on.png) no-repeat center}
#Footer .codes a.wexin:hover{background:url(/Content/images/icon-wx-on.png) no-repeat center}
/* banner */
#banner{width:100%;position:relative;z-index:2}
#owl-banner{width:100%;height:100%;}
#owl-banner .swiper-wrapper,#owl-banner .swiper-slide{height:100% !important}
#owl-banner .swiper-wrapper{height:100%;overflow:hidden;}
#owl-banner .swiper-slide a{display:block;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover} 
#owl-banner .pagination{position:absolute;z-index:20;bottom:10px;width:100%;text-align:center;padding-bottom:0px;}
#owl-banner .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#FFF;margin:0 5px;opacity:0.8;cursor:pointer;}
#owl-banner .swiper-active-switch{background:#b70005;}
.innerbanner{width:100%;height:auto;overflow:hidden}
.innerbanner img{animation:zoomIn 3s linear both;-webkit-animation:zoomIn 3s linear both;-moz-animation:zoomIn 3s linear both;} 
/* pagemenu */
.pagemenu{height:50px;border-bottom:1px solid #d2d2d2;padding-top:5px;margin-bottom:40px;}
.pagemenu .sitebox,.pagemenu .menubox{height:50px;}
.pagemenu .sitebox a,.pagemenu .sitebox i{display:block;height:100%;line-height:50px;font-size:1.4rem;float:left;color:#787878}
.pagemenu .sitebox a.home{background:url(/Content/images/home.png) no-repeat left 14px;padding-left:35px;color:#787878}
.pagemenu .sitebox i{width:20px;margin:0px 5px;background:url(/Content/images/ary-rig.png) no-repeat center center;}
.pagemenu .sitebox a:hover,.pagemenu .menubox a:hover{color:#b2976a}
.pagemenu .menubox p{display:block;float:left;height:100%;margin-left:40px;line-height:50px;} 
.pagemenu .menubox a{display:block;height:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box} 
.pagemenu .menubox p.current a{border-bottom:2px solid #b2976a;}
.page-title{padding-left:20px;position:relative;}
.page-title::before{content:"";display:block;width:3px;height:51px;position:absolute;left:0px;top:8px;background:#535353}
.page-title.nobor{border-left:none;padding-left:0px;margin-bottom:20px;}
.page-title.nobor::before{display:none}
.page-title .txt-title { line-height: 34px; color: #333 }
.page-title .en-title{line-height:30px;text-transform:uppercase;color:#bbb;font-weight:normal;}
.title-layer .txt-title{color:#646464}
.title-layer .title{font-size:2.1rem;line-height:24px;}
.title-layer .en-title{font-size:1.6rem;line-height:26px;text-transform:uppercase;color:#a0a0a0}
.layer-box .title{color:#666666;width:49%;}
/* container */
#container{width:100%;position:relative;z-index:1;overflow:hidden}
.home-layer{padding:10px 0px;position:relative;}
.news-box{width:27%;height:257px;padding-bottom:2px;margin-left:5.2%;}
.news-box .tab-nav{height:40px;line-height:40px;border-bottom:1px solid #c3ad8d;margin-bottom:20px;}
.news-box .tab-nav a{display:block;font-size:1.6rem;margin-right:40px;cursor:pointer;float:left;color:#333;height:40px;}
.news-box .tab-nav a.active{border-bottom:2px solid #b2976a;color:#303030}
.news-box .tab-main{width:100%;height:188px;overflow:hidden;position:relative;}
.news-box .tab-layer{height:188px;}
.news-box .self-theme ,.self-theme .owl-wrapper-outer,.owl-wrapper,.news-box .item{height:100%;}
.news-box .item,.news-box .item a,.news-box .item h1,.news-box .item h3{width:100%}
.news-box .item a,.news-box .item h1,.news-box .item h3{display:block;font-weight:normal;}
.news-box .item h1{color:#b70005;margin-bottom:5px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-box .item h3{color:#b2976a;font-size:2.4rem}
.news-box .item .text{color:#787878;height:72px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-box .item a:hover h1{color:#b2976a}.news-box .item a:hover .text{color:#666}
.self-theme .owl-controls,.self-theme .owl-pagination{text-align:left;bottom:0px;}
.self-theme .owl-controls .owl-page span{width:8px;height:8px;border:1px solid #b70005;}
.self-theme .owl-controls .owl-page.active span,.self-theme .owl-controls.clickable .owl-page:hover span{background:#b70005}
.industry{width:65.31%;height:259px;overflow:hidden;}
.industry ul{margin:0px -4px;height:100%;}
.industry li{display:block;float:left;width:33.33%;height:100%;}
.industry .item{margin:0px 4px;height:100%;position:relative}
.industry .item a{display:block;width:100%;overflow:hidden;position:relative;color:#dab866;height:100%}
.industry .item .pics{width:100%;height:100%;background-size:cover !important;}
.industry .item img{position:absolute;top:0px;left:0px;height:259px;width:100%;max-width:1000%}
.industry .infor{position:absolute;top:0px;left:0px;padding:20px 30px;}
.industry .infor h1{font-size:2rem;display:block;font-weight:normal;margin-bottom:5px;}
.industry .infor p{display:block;margin-bottom:10px;}
.industry .infor i{display:block;width:30px;height:30px;background:url(/Content/images/icon-poit.png) no-repeat center}
.industry li a:hover .pics{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
/* about */
.row3 li{display:block;float:left;width:33.33%;}
.profile{width:41%}
.profile .title-layer{margin-bottom:20px;}
.profile .text-layer,.course li .text{color:#787878;line-height:26px}
.profile .text-layer:hover{color:#666}
.groupImg{width:50.07%;}
.pad-layer{width:100%;color:#b2976a}
.pad-layer h3{font-weight:normal;display:block;padding:20px 0px 40px;}
.course li{display:block;width:100%;}
.course .course-year{width:145px;float:left;color:#b2976a;font-size:4.8rem;line-height:50px;position:relative;margin-top:20px;}
.course .course-year::after{content:"";display:block;width:3px;height:100%;position:absolute;right:-2px;top:0px;background:#b2976a}
.course .course-infor{margin-left:145px;border-left:1px solid #e3e3e3;padding-bottom:120px;padding-left:40px;padding-top:20px;}
.course .course-profile,.course .course-img{width:47%;overflow:hidden}
.course .title-layer{width:100%;margin-bottom:10px;}
.course .title{color:#a0a0a0;text-transform:uppercase;letter-spacing:0px;font-weight:100}
.course li:hover .text{color:#333}
.culture,.partner{padding-bottom:60px;}
.culture ul{margin:0px -14px -20px;}
.culture li{margin-bottom:30px;}
.culture .cul-infor{position:relative;display:block;margin:0px 14px;padding-bottom:2px;background:#f2f2f2}
.culture .cul-img{width:100%;overflow:hidden}
.culture .cul-txt{padding:15px 25px 0px;min-height:115px;}
.culture .txt-title{color:#b2976a;margin-bottom:10px;}
.culture .title{margin-bottom:0px;line-height:30px;max-height:60px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.culture .text{line-height:26px;height:104px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;display:none}
.culture .cul-infor:hover .title{color:#b70005;} 
.honor .txt-title{color:#646464;margin-bottom:5px;} 
.honor-layer{padding-bottom:60px;position:relative;}
.honor-layer .line{width:1px;height:100%;position:absolute;top:0px;left:50%;margin-left:-1px;border-left:1px dashed #818181}
.honor-layer li{display:block;width:100%;padding-bottom:60px;}
.honor-layer .honor-infor{width:50%;position:relative;display:block;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.honor-layer .icon{width:52px;height:52px;position:absolute;top:0px;border:1px solid #b8b8b8;background:#eee;border-radius:50%;}
.honor-layer .icon i{display:block;width:24px;height:24px;position:absolute;top:50%;left:50%;margin:-12px 0px 0px -12px;background:#aaa;border-radius:50%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.honor-layer .txtbox{padding-top:44px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.honor-layer .txt-title{position:absolute;top:0px;left:0px;width:100%;height:34px;}
.honor-layer li.even .honor-infor{margin-left:50%;}
.honor-layer li.even .txtbox{margin-left:65px;position:relative}
.honor-layer li.even .icon{left:-92px;}
.honor-layer li.odd .honor-infor{text-align:right}
.honor-layer li.odd .txtbox{margin-right:65px;position:relative}
.honor-layer li.odd .icon{right:-92px;}
.honor-layer .honor-infor:hover{padding-bottom:44px;}
.honor-layer .honor-infor:hover .txtbox{padding-top:0px;}
.honor-layer .honor-infor:hover .txt-title{height:0px;overflow:hidden}
.honor-layer .honor-infor:hover .icon i{background:#b70005}
.honor-bgImg1{background:url(/Content/images/wall2.jpg) no-repeat right bottom;background-size:100% auto;}
.honor-bgImg2{background:url(/Content/images/wall1.jpg) no-repeat left top;background-size:100% auto;}
.partner li{display:block;width:176px;height:144px;float:left;margin: 0 -1px -1px 0;border:1px solid #d5d5d5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.partner li a{display:block;padding:20px;height:104px;line-height:104px;text-align:center}
/* news */
.newstop{position:relative;margin-bottom:60px;}
.newstop .newsImg{width:57%;}
.newstop .newsImg a,.newstop .newsinfor a{display:block;position:relative;width:100%;max-height:100%;overflow:hidden}
.newstop .newstime{width:94px;height:144px;position:absolute;right:0px;bottom:0px;background:url(../images/white.png) repeat;}
.newstop .newstime p{display:block;width:44px;height:44px;padding:5px 0px;border:1px solid #a7a7a7;margin:30px auto;text-align:center}
.newstop .newstime span,.newstop .newstime em{display:block;font-style:normal;color:#9a9a9a}
.newstop .newstime i{display:block;width:30px;height:1px;margin:0px auto;background:#787878}
.newstop .newsinfor{width:40%;height:100%;overflow:hidden;position:absolute;right:0px;top:0px;overflow:hidden}
.newstop .cn-title{margin:20px 0px 10px;width:100%;height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newstop .text{color:#787878;max-height:76%;}
.newstop .newsinfor a:hover .title{color:#b70005}
.news-main{width:100%;padding-bottom:40px;}
.search-tier{height:40px;margin-bottom:40px;}
.search-tier .huntbox{height:100%;float:right;}
.search-tier .seldiv{width:122px;height:40px;float:left;margin: 0 -1px -1px 0;border:1px solid #a0a0a0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.search-tier .select{padding:10px 15px;width:120px;border:none;outline:none}
.search-tier .btnbox{width:72px;height:40px;float:left;margin: 0 -1px -1px 0;border:1px solid #a0a0a0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.news-list li{display:block;margin-bottom:40px;}
.news-list a{display:block;height:230px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.news-list .nwImg{width:332px;position:relative;overflow:hidden} 
.news-list .nwImg img{display:block;width:100%;height:230px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.news-list .nwtime{width:80px;height:90px;position:absolute;right:0px;bottom:0px;background:url(../images/white.png) repeat;}
.news-list .nwtime p{display:block;width:44px;height:44px;padding:5px 0px;border:1px solid #a7a7a7;margin:10px auto;text-align:center}
.news-list .nwtime span,.news-list .nwtime em{display:block;font-style:normal;color:#9a9a9a}
.news-list .nwtime i{display:block;width:30px;height:1px;margin:0px auto;background:#787878}
.news-list .nwinfor{margin-left:332px;height:100%;overflow:hidden;padding:10px 30px 10px 40px;}
.news-list .cn-title{margin:20px 0px 20px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list .text{color:#787878;font-size:1.6rem;line-height:28px;height:112px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.news-list a:hover{background:#f5f6f6}
.news-list a:hover .nwImg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.news-list a:hover .cn-title,#owl-project .item a:hover .title{color:#b2976a}
.detail-news{margin:0px;padding:0px 0px 60px;}
.detail-news .detail-infor{width:70%;float:left;}
.detail-news .detail-title{width:100%;margin-bottom:30px;border-bottom:1px solid #eee}
.detail-news .news-title{margin-bottom:10px;color:#b70005}
.detail-news .news-top{width:100%;height:30px;line-height:24px;}
.detail-news .news-top .infm{float:left;margin-right:30px;height:30px;}
.detail-news .news-top span{margin-right:20px;color:#666;font-size:14px;}
.detail-news .news-top .back{float:right;height:30px;}
.detail-news .news-top .back a{display:block;padding-right:25px;line-height:30px;background:url(../images/ret.png) no-repeat right center;color:#999;}
.detail-news .news-top .back a:hover{color:#b2976a}
.detail-news .bshare-custom{height:24px;line-height:24px;}
.detail-news .bshare-custom a{display:block;line-height:24px;float:left;margin-right:3px;}
.detail-news .bshare-custom a.bshare-sinaminiblog{background:url(../images/icon-share1.png) no-repeat center;}
.detail-news .bshare-custom a.bshare-weixin{background:url(../images/icon-share2.png) no-repeat center;}
.detail-news .bshare-custom a.bshare-qqim{background:url(../images/icon-share3.png) no-repeat center;}
.detail-news .bshare-custom a.bshare-douban{background:url(../images/icon-share4.png) no-repeat center;}
.detail-news .news-text{line-height:28px;text-align:justify;color:#787878}
.detail-news .news-text p{margin-bottom:10px;}
.detail-news .news-prev-next{width:100%;margin-top:50px;}
.detail-news .news-prev-next a{display:block;margin-bottom:10px;font-size:1.6rem;color:#666}
.detail-news .news-prev-next span{color:#b2976a} 
.news-prev-next a:hover,.detail-news .relate li a:hover{color:#b70005} 
.detail-news .relate{float:right;width:25%;background:#f7f3f0;min-width:200px;}
.detail-news .box-paer{padding:20px;}
.detail-news h1{border-bottom:1px solid #dcd9d7;height:45px;line-height:45px;padding-bottom:10px;margin-bottom:30px;text-align:center;font-size:20px;color:#666}
.detail-news .relate li{display:block;width:100%;margin-bottom:10px;}
.detail-news .relate li a{display:block;padding-left:16px;position:relative;color:#787878}
.detail-news .relate li i{display:block;width:6px;height:6px;position:absolute;left:0px;top:7px;background:#888;}
.reture{height:30px;position:absolute;top:10px;right:0px;}
.reture a{display:block;padding-right:25px;line-height:30px;background:url(../images/ret.png) no-repeat right center;color:#999;}
.reture a:hover{color:#b2976a}
/* serve */
.serve .just{text-align:justify}
.desc-layer{margin-bottom:60px;position:relative;width:100%}
.industImg{width:46%;}
.indust,.serve .intro-right{width:50%;}
.serve .resideImg,.serve .indu-image{width:50%;overflow:hidden}  
.serve .colm-title{background:url(../images/icon1.png) no-repeat center left;padding-left:70px;margin-bottom:40px;}
.serve .colm-title p,.serve .colm-box p{display:block}
#owl-project .item,.itemImg,.picture{width:100%;overflow:hidden}
#owl-project .industrial ul{margin:0px -20px -20px;}
#owl-project .industrial li{display:block;float:left;width:33.33%;margin-bottom:20px;}
#owl-project .industrial a{display:block;margin:0px 26px;position:relative;}
#owl-project .industrial .title{padding:15px 0px 20px;height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#owl-project .industrial .item a:hover{background:#f5f6f6;box-shadow:0px 0px 5px rgba(10,10,10,0.25);}
#owl-project .industrial .item a:hover .title{padding:20px 20px 20px;color:#b2976a}
#owl-project .owl-controls{bottom:0px;position:static;}
#owl-project .owl-buttons{height:0px;}
#owl-project .owl-buttons .owl-prev,#owl-project .owl-buttons .owl-next{width:40px;height:50px;position:absolute;top:50%;margin:0px;margin-top:-60px;cursor:pointer;z-index:100;display:block;padding:0px 0px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;text-indent:999px;overflow:hidden;line-height:44;}
#owl-project .owl-buttons .owl-prev{left:-60px;background:url(../images/btn-prev.png) no-repeat center}
#owl-project .owl-buttons .owl-next{right:-60px;background:url(../images/btn-next.png) no-repeat center}
#owl-project .owl-controls .owl-page span{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#debc83}
#owl-project .owl-controls .owl-page.active span,#owl-project .owl-controls.clickable .owl-page:hover span{background:#b2976a;}
.serve .indust-desc{position:relative;margin-bottom:40px;} 
.serve .indu-infor{width:44%;height:100%;position:absolute;top:0px;left:0px;z-index:5}
.serve .colm-box{height:51px;padding-left:70px;position:absolute;left:0px;}
.serve .colm-title1{background:url(../images/icon2.png) no-repeat center left;top:0px;}
.serve .colm-title2{background:url(../images/icon3.png) no-repeat center left;top:50%;margin-top:-25px;}
.serve .colm-title3{background:url(../images/icon4.png) no-repeat center left;bottom:0px;}
.serve .buisImg{width:57%;overflow:hidden}
.serve .buisTxt{width:37%;padding-top:30px;}
.serve .hot-item{position:relative;height:139px;}
.serve .item-logo{float:left;width:214px;height:137px;border:1px solid #d9d9d9;line-height:137px;text-align:center}
.serve .item-desc{position:absolute;bottom:60px;left:244px;width:50%;}
.serve .star-item ul,.serve .busi-item ul{margin:0px -47px -20px;}
.serve .star-item li,.serve .busi-item li{display:block;float:left;width:50%;margin-bottom:40px;}
.serve .star-item a{display:block;margin:0px 47px;position:relative;background:#f1f0f0;}
.serve .star-item .title{padding:20px 30px 20px 0px;margin:0px 30px;background:url(../images/icon5.png) no-repeat right center;} 
.serve .item-title{width:100%;position:relative;margin-bottom:20px;}
.serve .title-icon{width:75px;height:58px;}
.serve .item-title .cn-title{position:absolute;bottom:0px;left:85px;width:50%;font-weight:bold}
.serve .item-layer{margin-bottom:40px;width:50%;} 
.serve .busi-item li a{display:block;margin:0px 47px;position:relative;}
.serve .busi-item .title{border-bottom:1px solid #d9d9d9;padding:20px 0px;}
.serve .resideTxt{width:44%;padding-top:30px;}
.serve .resideTxt .text{line-height:30px;text-align:justify}
.serve .intro-left{width:43.52%} 
.serve .intro-right ul{margin:0px -10px;}
.serve .intro-right li,.serve .urban-layer li{display:block;float:left;width:33.33%;}
.serve .intro-right .grid{position:relative;margin:0 10px;padding:20px 24px;border:1px solid #d2c2a7;text-align:center}
.serve .intro-right .grid-icon{height:40px;line-height:40px;width:100%;margin-bottom:10px;}
.serve .intro-right .title{color:#b2976a;margin-bottom:5px;}
.serve .intro-right .text{min-height:72px;color:#787878}
.serve .intro-right .grid:hover{box-shadow:0px 0px 7px rgba(100,100,100,0.35);background:#f9f8f5;transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px)}
.serve .urban-layer ul{margin:0px -24px;}
.serve .urban-layer a{display:block;margin:0px 24px;}
.serve .urban-layer .title,.serve .reside-list .title{color:#b2976a;padding:10px 15px;}
.serve .reside-list{width:100%;position:relative;overflow:hidden}
.serve .reside-contanier{width:100%;position:relative;overflow:hidden}
.serve .reside-list ul,.join .atc-list ul,.join .job-lsit dl{width:100%}
.serve .reside-list li{display:block;float:left;width:352px;}
.serve .reside-list a{display:block;width:100%;}
.serve .reside-list .title{font-size:1.6rem;line-height:28px;}
.serve .reside-list .btn-prev,.serve .reside-list .btn-next{width:44px;height:50px;cursor:pointer;position:absolute;top:50%;margin-top:-40px;}
.serve .reside-list .btn-prev{background:url(../images/btn-prev.png) no-repeat center;left:-44px;}
.serve .reside-list .btn-next{background:url(../images/btn-next.png) no-repeat center;right:-44px;}
.serve .reside-list a:hover{background:#f2f2f2}
.serve .reside-list:hover .btn-prev{left:0px;}
.serve .reside-list:hover .btn-next{right:0px;}
.serve .hotelTxt,.insideTxt{width:44%;}
.serve .hotelTxt .text{line-height:30px;}
.serve .hotel-pic{width:44%;position:absolute;left:0px;bottom:0px;}
.serve .insideTxt .text{line-height:28px;}
#owl-baner .owl-wrapper-outer{padding-bottom:10px;}
#owl-baner .item{width:100%;overflow:hidden} 
#owl-baner .item a{display:block;margin:0px 26px;position:relative;} 
#owl-baner .owl-controls{bottom:0px;position:static;}
#owl-baner .owl-buttons{height:0px;}
#owl-baner .owl-buttons .owl-prev,#owl-baner .owl-buttons .owl-next{width:40px;height:50px;position:absolute;top:50%;margin:0px;margin-top:-30px;cursor:pointer;z-index:100;display:block;padding:0px 0px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;text-indent:999px;overflow:hidden;line-height:44;transition:all 0.5s;opacity:0.8}
#owl-baner .owl-buttons .owl-prev{left:-60px;background:url(../images/btn-prev.png) no-repeat center}
#owl-baner .owl-buttons .owl-next{right:-60px;background:url(../images/btn-next.png) no-repeat center}
#owl-baner .owl-controls .owl-page span{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#debc83}
#owl-baner .owl-controls .owl-page.active span,#owl-baner .owl-controls.clickable .owl-page:hover span{background:#b2976a;}
#owl-baner:hover .owl-buttons .owl-prev{left:0px;}
#owl-baner:hover .owl-buttons .owl-next{right:0px;}
/* citizen */
.citizen .whalf{width:56.32%}
.citizen .cit-list ul{margin:0px -12px}
.citizen .cit-list li{display:block;float:left;width:50%}
.citizen .cit-list .grid{margin:0px 12px;position:relative;overflow:hidden;} 
.citizen .cit-infor{width:40%;}
/* join */
.join .atc-list{width:100%;position:relative;overflow:hidden}
.join .atc-contanier{width:100%;position:relative;overflow:hidden}
.join .atc-list li{display:block;float:left;width:352px;}
.join .atc-list a{display:block;width:100%;}
.join .atc-list .title{font-size:1.6rem;line-height:28px;padding:10px 17px;}
.join .atc-list .btn-prev,.join .atc-list .btn-next{width:44px;height:50px;cursor:pointer;position:absolute;top:50%;margin-top:-40px;}
.join .atc-list .btn-prev{background:url(../images/btn-prev.png) no-repeat center;left:-44px;}
.join .atc-list .btn-next{background:url(../images/btn-next.png) no-repeat center;right:-44px;}
.join .atc-list a:hover{background:#f2f2f2}
.join .atc-list a:hover .title{color:#b2976a}
.join .atc-list:hover .btn-prev{left:0px;}
.join .atc-list:hover .btn-next{right:0px;}
.join .job-lsit dt{display:block;width:100%;height:60px;overflow:hidden;line-height:60px;text-align:center;background:#eeeeef} 
.join .job-lsit dd{display:block;width:100%;height:auto;border-bottom:1px solid #eee}
.join .job-lsit dt span,.join .job-lsit .job-one p{display:block;float:left;width:25%;height:100%;} 
.join .job-lsit dt span{font-size:1.8rem;margin-left:-1px;border-left:1px solid #FFF;}
.join .job-lsit .job-one{height:50px;line-height:50px;text-align:center;cursor:pointer}
.join .job-lsit .job-one p{height:100%;font-size:1.4rem;}
.join .job-lsit .job-one a{display:block;color:#b2976a}
.join .job-intron{width:100%;border-top:1px solid #ededed;display:none}
.join .layer-desc{padding:15px 8%;}
.join .layer-desc h2{display:block;width:100%;font-size:16px;font-weight:normal}
.join .job-link{width:100%;height:40px;text-align:center;display:none}
.join .job-lsit dd a:hover{text-decoration:underline}
.join .job-lsit dd:hover{background:#f6f6f6}
.join .job-lsit dd.active{background:#f6f6f6}
.join .job-lsit dd.active .job-one{cursor:default}
/* ui */
.ui-find-btn{border:none;outline:none;width:100%;height:100%;background:url(../images/icon-selt.png) no-repeat center;cursor:pointer}
/* anim */ 
.ani-box,[data-anima="ani-up"],[data-anima="ani-down"],[data-anima="ani-left"],[data-anima="ani-right"]{opacity:0;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;}
.ani-up,[data-anima="ani-up"]{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);}
.ani-down,[data-anima="ani-down"]{transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);}
.ani-left,[data-anima="ani-left"]{transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);}
.ani-right,[data-anima="ani-right"]{transform:translateX(50px);-webkit-transform:translateX(50px);-moz-transform:translateX(50px);}
.show .ani-box,.show > [data-anima="ani-up"],.show > [data-anima="ani-down"],.show > [data-anima="ani-left"],.show > [data-anima="ani-right"]{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1;}

.goToTop{width:40px;height:40px;position:fixed;bottom:80px;right:10px;background:url(../images/toTop.png) center;cursor:pointer;z-index:10000;display:none}
/* pagination */
.pagination{padding:0px 0px 20px;text-align:center}
.pagination span,.pagination a{display:inline-block;margin:0px 5px;font-size:1.6rem;color:#666;}
.pagination a:hover,.pagination a.page_current{color:#b70005}
@media only screen and (min-width: 1281px) and (max-width:1440px){  
     .wrapper{margin:0px 7%;}
     .serve .intro-right .grid{padding:20px 13px}
}
/* media screen ipad */    
@media only screen and (min-width: 981px) and (max-width:1280px){  
    #Header .nav li{margin:0 15px;}
}
/* media screen mobile phone */
@media only screen and (min-width: 320px) and (max-width: 980px){
    body{font-size:1.4rem;}
    .wrapper{margin:0px 13px;}
    .noflt,.fl,.fr{float:none;}
    .mobile-layer{display:block} 
    .pc-layer,#Header .subwall,.pagemenu .sitebox,.news-list .text{display:none}
    .layer-box,.marg40{margin-bottom:10px;}
    .pad{padding:10px 0px 20px;}
    .txt-title{font-size:2.1rem;line-height:24px;}
    .h3-txt{font-size:1.8rem}
    .perch,#Header{height:50px;}
    .colr, .indust .text{color:#666}
    #Header .nav,#Header .nav-box,#Header .nav ul,#Header .nav li a.m,#Header .hit-box,#Header .ui-input,.news-box,.news-box .tab-nav,.news-box .tab-main,.industry .infor,.course .course-year{box-sizing:border-box;-webkit-box-sizing:border-box;} 
    #Header .logo{margin-left:12px;position:relative;z-index:1;}
    #Header .logo a{line-height:50px;}
    #Header .logo img{height:23px;}
    #Header .menu{width:106px;position:relative;z-index:5;} 
    #Header .nav{width:0%;height:0%;position:fixed;top:0px;left:0px;overflow:hidden;padding:50px 0px 0px;display:none} 
    #Header .sreach,#Header .menuBtn{width:50px;}
    #Header .sreach{background:transparent;margin-right:5px;}
    #Header .fd-btn{background-size:auto 18px;}
    #Header .hit-box{width:100%;height:50px;position:fixed;right:0px !important;padding:0px 10px 0px 10px;z-index:210;background:#f4f4f4}
    #Header .hit-box span{margin-right:135px;}
    #Header .ui-input{padding:0px 7px;top:9px;width:100%;height:32px;border-radius:3px;}
    #Header .mob-submit,#Header .close-seach{display:block;}
    #Header .menuBtn i, #Header .menuBtn b, #Header .menuBtn p{width:20px;margin-left:-10px;}
    #Footer{padding:7px 0px;text-align:center;}
    #Footer .wrap{margin:0 10px}
    #Footer .rights{font-size:1.2rem;}
    #Footer .rights span, #Footer .rights a{margin:0 6px;}
    #Footer .codes{width:150px;margin:0 auto 5px;display:none}
    #Footer .codes a{margin:0 20px 0px;}
    #owl-banner .swiper-slide img,.news-box,.industry,.profile,.groupImg,.course .course-profile, .course .course-img,.layer-box .title,.culture li,.newstop .newsImg,.newstop .newsinfor,.industImg,.indust, .serve .intro-right,.citizen .whalf,.citizen .cit-infor{width:100%}  
    #owl-banner{height:auto !important;}
    .industImg{margin:20px 0px 10px;}
    .news-box{margin-left:0px;margin-bottom:20px;}
    .news-box .tab-nav,.news-box .tab-main{padding:0px 13px;}
    .news-box .tab-nav{height:42px;}
    .news-box .owl-controls, .news-box .owl-pagination{text-align:center}
    .news-box .owl-controls .owl-page span{border-radius:50%;-webkit-border-radius:50%;}
    .news-box .item h3{font-size:1.6rem;}
    .news-box .item h1{height:52px;line-height:26px;white-space:normal;font-size:1.6rem;}  
    .industry{height:auto}
    .industry ul{margin:0 5px;}
    .industry li{display:block;margin-bottom:10px;width:33.3333%;float:left;}
    .industry li:last-child{margin-bottom:0px;}
    .industry .item{margin:0px 5px;height:128px}
    .industry .item a{padding-top:62.5%;}
    .industry .item img{width:100%;height:auto}
    .industry .item .pics::after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5)}
    .industry .infor{width:100%;padding:12px 15px;}
    .industry .infor i{background-size:auto 20px;}
    .pagemenu{margin-bottom:20px;}
    .pagemenu .wrapper{margin:0px 0px;}
    .pagemenu .menubox p{margin-left:0px;margin:0px 0px;text-align:center}
    .pagemenu .menubox a{display:inline-block;font-size:1.6rem;}
    .pagemenu .menubox p.current a{ }
    .pagemenu .menubox.row5 p{width:20%;}
    .pagemenu .menubox.row5 p a{font-size:1.4rem}
    .pagemenu .menubox.row2 p{width:50%;}
    .page-title{padding-left:15px;}
    .page-title::before{width:2px;} 
    .layer-box .mb-text{font-size:1.6rem;margin-bottom:20px;}
    .profile .text-layer, .course li .text{line-height:24px;}
    .pad-layer h3.h3-txt{padding:0px 0px 15px;}
    .profile{margin-bottom:15px;}
    .course .course-year{font-size:2rem;line-height:30px;width:100%;float:none;padding-left:15px;margin-top:0px;}
    .course .course-year::after{left:-1px;}
    .course .course-infor{padding:7px 15px 40px;margin-left:0px;}
    .course .course-profile,.search-tier{margin-bottom:20px;}
    .title-layer .txt-title{font-size:2rem;}
    .title-layer .title{font-size:1.4rem;}
    .culture, .partner{padding-bottom:30px}
    .culture ul{margin:0px 0px} 
    .culture li{margin-bottom:14px;float:none}
    .culture .cul-infor{margin:0 0px;}
    .culture .cul-txt{padding:10px 12px;min-height:60px;}
    .culture .txt-title{font-size:1.6rem;margin-bottom:1px;}
    .culture .title{line-height:28px;}
    .honor-layer .line{left:10px;}
    .honor-layer li{padding-bottom:25px;} 
    .honor-layer .honor-infor{width:initial;}
    .honor-layer .txtbox{padding-top:30px;}
    .honor-layer .icon{width:26px;height:26px;}
    .honor-layer .icon i{width:14px;height:14px;margin:-7px 0px 0px -7px;}
    .honor-layer li.even .honor-infor{margin-left:20px;}
    .honor-layer li.even .icon,.honor-layer li.odd .icon{left:-39px;right:initial}
    .honor-layer li.even .txtbox{margin-left:14px;}
    .honor-layer li.odd .honor-infor{text-align:left;margin-left:20px;}
    .honor-layer li.odd .txtbox{margin-left:14px;margin-right:0px;}
    .partner li{width:50%;}
    .news-main{padding-bottom:20px;}
    .newstop{margin-bottom:30px;}
    .newstop .newsinfor{position:static;}
    .newstop .newstime{width:75px;height:75px;}
    .newstop .newstime p{margin:10px auto}
    .newstop .cn-title{height:auto;white-space:normal;line-height:30px;margin:10px 0px 10px;}
    .newstop .text{color:#666;height:96px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
    .search-tier .huntbox,.detail-news .detail-infor,.detail-news .relate,.serve .resideImg, .serve .indu-image,.serve .hotelTxt, .insideTxt,.serve .buisImg,.serve .buisTxt,.serve .item-layer,.serve .intro-left{width:100%;float:none}
    .news-list,.serve .intro-left{margin-bottom:15px;}
    .news-list li{margin-bottom:10px;border-bottom:1px solid #ddd}
    .news-list a{height:84px;width:100%;padding-bottom:10px}
    .news-list .nwImg{width:121px;float:left}
    .news-list .nwImg img{height:auto}
    .news-list .nwtime{width:60px;height:65px;display:none}
    .news-list .nwinfor{margin-left:121px;padding:0px 0px 0px 14px;} 
    .news-list .cn-title{margin:0px 0px 0px;font-size:1.8rem;line-height:28px;height:84px;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
    .detail-news{padding:0px 0px 30px;}
    .detail-news .detail-title{margin-bottom:15px;border-bottom:1px solid #ddd}
    .detail-news .news-top{height:60px;}
    .detail-news .box-paer{padding:10px 15px;}
    .detail-news h1{height:35px;line-height:35px;margin-bottom:15px;}
    .serve .resideImg, .serve .indu-image{margin-bottom:15px;}
    .serve .mob-bor-bom{border-bottom:1px solid #ddd;}
    .serve .hotelTxt .text{line-height:24px;}
    .serve .hotelTxt .marg60{margin-bottom:10px;}
    .serve .hotelTxt .mobile-layer,.serve .colm-title{margin-bottom:20px}
    .serve .hotel-pic{position:static;width:100%;margin-top:20px;}
    .serve .indust-desc{margin-bottom:10px;}
    .serve .indu-infor{position:static;width:100%;}
    .serve .colm-box{height:auto;margin-bottom:20px;position:static;background-position:0px 3px !important;padding-left:40px;background-size:auto 30px !important;}
    .serve .colm-title{background-position:0px 3px !important;padding-left:40px;background-size:auto 30px !important;}
    .serve .colm-title2{margin-top:0px;}
    .serve .buisTxt{padding-top:20px;}
    .serve .item-logo{width:107px;height:125px}
    .serve .item-desc{position:static;width:initial;margin-left:123px;}
    .serve .star-item ul{margin:0px 0px;}
    .serve .star-item li{display:block;width:100%;margin-bottom:10px;}
    .serve .star-item a{margin:0px 0px;}
    .serve .star-item .title{padding:10px 25px 10px 0px;margin:0px 14px;background-size:auto 20px;}
    .serve .item-title .cn-title{width:75%;}
    .serve .item-layer{margin-bottom:20px;}
    #owl-project .industrial ul,.serve .busi-item ul{margin:0px -7px -14px}
    #owl-project .industrial li,.serve .busi-item li{width:50%;margin-bottom:10px;}
    #owl-project .industrial a,.serve .busi-item li a{margin:0px 7px;}
    #owl-project .industrial .title,.serve .busi-item .title{padding:5px 0px;font-size:1.6rem;}
    .serve .resideTxt{width:100%;padding-top:0px;}
    .serve .resideTxt .text{line-height:24px;}
    .serve .intro-right li{width:100%;margin-bottom:15px;}
    .serve .intro-right .text{min-height:52px;}
    .serve .urban-layer ul{margin:0 0px;}
    .serve .urban-layer li{width:100%}
    .serve .urban-layer a{margin:0px 0px;}
    .serve .urban-layer .title{padding:7px 0px 15px;}
    .citizen{padding-top:20px;}
    .citizen .whalf{margin-bottom:20px;} 
    .citizen #mapBox{width:100% !important}
    .join .job-lsit{box-sizing:border-box;-webkit-box-sizing:border-box;}
    .join .job-lsit dt{height:40px;line-height:40px;} 
    .join .job-lsit dt span,.join .job-lsit dd .job-one p{width:25%} 
    .join .job-lsit dt span{font-size:1.6rem;} 
    .join .job-lsit .job-one{height:auto;line-height:20px;text-align:center;cursor:pointer;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative}
    .join .job-lsit .job-one p{padding:10px 0px;-webkit-align-self:stretch;align-self:stretch;box-sizing:border-box;-webkit-box-sizing:border-box;}
    .join .job-lsit .job-one span{display:table;width:100%;height:100%}
    .join .job-lsit .job-one em{display:table-cell;vertical-align:middle;width:100%;height:100%}
    .join .job-lsit .job-one p:nth-child(2),.join .job-lsit .job-one p:nth-child(3),.join .job-lsit .job-one p:nth-child(4){position:absolute;top:0px;}
    .join .job-lsit .job-one p:nth-child(2){left:25%}
    .join .job-lsit .job-one p:nth-child(3){left:50%}
    .join .job-lsit .job-one p:nth-child(4){left:75%}
    .join .layer-desc{padding:13px 15px;}
    .pagination{padding:0px 0px 15px;} 
    .pad-bom{padding-bottom:20px;}
    .marg-layer{margin-bottom:20px;}
    .padding-layer{padding-bottom:40px}
    .marg60,.desc-layer{margin-bottom:20px}
}
@media only screen and (min-width: 320px) and (max-width: 640px) { 
    .industry ul{margin:0 0px;}
    .industry li{display:block;margin-bottom:10px;float:none;width:100%}
    .industry li:last-child{margin-bottom:0px;}
    .industry .item{margin:0px 0px;width:100%}
    .industry .item a{padding-top:0px;}
    .industry .item img{position:static;width:100%;height:auto}
    .industry .infor{width:100%;padding:12px 15px;}
    .industry .infor i{background-size:auto 20px;}
}
/* keyframes */
.anime{animation-duration:0.5s;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;opacity:0;}
.fadeInDown{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;}
.fadeInUp{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;}
.fadeInLeft{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;}
.fadeInRight{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;}

@keyframes fadeUp {}
@keyframes zoomIn{
    0%{opacity:0.9;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
    100%{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;}
}
@-webkit-keyframes zoomIn{
    0%{opacity:0.9;transform:scale(1.1);-webkit-transform:scale(1.1);}
    100%{opacity:1;transform:none;-webkit-transform:none;}
}
@-moz-keyframes zoomIn{
    0%{opacity:0.9;-moz-transform:scale(1.1);}
    100%{opacity:1;-moz-transform:none;}
}
@keyframes fadeInDown{
    0%{opacity:0;transform:translate(0px,50px);-webkit-transform:translate(0px,50px);-moz-transform:translate(0px,50px);}
    100%{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;}
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;transform:translate(0px,50px);-webkit-transform:translate(0px,50px);}
    100%{opacity:1;transform:none;-webkit-transform:none;}
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;-moz-transform:translate(0px,50px);}
    100%{opacity:1;-moz-transform:none;}
}
@keyframes fadeInLeft{
    0%{opacity:0;transform:translate(-50px,0px);-webkit-transform:translate(-50px,0px);-moz-transform:translate(-50px,0px);}
    100%{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;}
}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;transform:translate(-50px,0px);-webkit-transform:translate(-50px,0px);}
    100%{opacity:1;transform:none;-webkit-transform:none;}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;-moz-transform:translate(-50px,0px);}
    100%{opacity:1;-moz-transform:none;}
}